$.ajax({
    url: "findRoleIconServlet",
    dataType: "json",
    type: "post",
    success: function (icons) {
        for (var i = 0; i < icons.length; i++) {
            var path = icons[i].path;
            var name = icons[i].name;
            var $b = "<a href=\"https://bbs.mihoyo.com/ys/obc/content/502090/detail?bbs_presentation_style=no_header\" target=\"_blank\" class=\"card-filter__box\">\n" +
                "<img alt=\"\" class=\"card-filter__img\" data-src=\"https://act-upload.mihoyo.com/wiki-user-upload/2024/08/27/258999284/edc282bd8955faa88895b23c4061a2f5_2301203435965777916.png?x-oss-process=image/quality,q_75/resize,s_224\" " +
                "src=\"image/" + path + "\" lazy=\"loaded\">\n" +
                "<div class=\"card-filter__bg\"><img src='image/bg.png' style='width: 112px;height: 192px;background-repeat: no-repeat;background-size: 100% 100%;position: absolute;top: 0;left: 0'></div>\n" +
                "<div class=\"card-filter__life\">\n" +
                "<div class=\"card-filter__item\" style=\"background-image: url(&quot;?x-oss-process=image/quality,q_75/resize,s_48&quot;), url(&quot;https://act-upload.mihoyo.com/wiki-user-upload/2024/08/27/258999284/de066277f1f3120586b5e9c93c7fdb59_4745789385360420178.png?x-oss-process=image/quality,q_75/resize,s_64&quot;);\"></div>\n" +
                "<div class=\"card-filter__item\" style=\"background-image: url(&quot;?x-oss-process=image/quality,q_75/resize,s_48&quot;), url(&quot;?x-oss-process=image/quality,q_75/resize,s_64&quot;);\"></div>\n" +
                "</div>\n" +
                "<p class=\"card-filter__name\">" + name + "</p>\n" +
                "</a>"
            $("#icon3").append($b);
        }
    }
});


